<template>
    <div>
        <h1>发现音乐</h1>
        <!-- <h1>发现音乐</h1>
        <h1>发现音乐</h1>
        <h1>发现音乐</h1>
        <h1>发现音乐</h1> -->
        <!-- 二级导航 -->
        <div>
            <router-link to="/Find/ranking">排行榜</router-link> |
            <router-link to="/Find/recommend">推荐</router-link> |
            <router-link to="/Find/songlist">歌单</router-link> 
        </div>
        <!-- 设置二级路由的挂载点 -->
        <router-view></router-view>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.router-link-exact-active{
    color: yellow;
    background-color: green;
}
</style>